<template>
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <slot></slot>
        </div>
        <!-- Add Pagination -->
        <div ref="test" class="swiper-pagination"></div>
    </div>
</template>

<script>
    import swiper from 'swiper'
    import 'swiper/dist/css/swiper.min.css'

    export default {
        name: "slide",
        data(){
            return {

            }
        },
        mounted() {
            let That = this;
            let swiper = new Swiper('.swiper-container', {
                pagination: '.swiper-pagination',
                loop:true,
            });
        }
    }
</script>

<style scoped lang="less">
    .swiper-container{
        height: 100%;
        min-height:3.2rem;
    }
    .swiper-slide{
        height: 100%;
    }
</style>
